<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MyTechBook</title>
        
    <link rel="stylesheet" type="text/css" href="../../static/css/main.css">
</head>
<body>
<div class="navbar navbar-line">
    <div class="container">
        <div class="logo">
            
                MyTechBook
            
        </div>
        <input type="checkbox" id="idoc_nav" />
        <div class="menu_tree">
        <ul><li><a href="../../index.html">首页</a></li><li><a href="#"><span></span>前沿观察</a><ul><li><a href="../../html/前沿观察/ECMAScript 6入门.html">ECMAScript 6入门</a></li><li><a href="../../html/前沿观察/Immutable详解及React中实践.html">Immutable详解及React中实践</a></li><li><a href="../../html/前沿观察/Node.js MVC框架ThinkJS.html">Node.js MVC框架ThinkJS</a></li><li><a href="../../html/前沿观察/Nodejs 5.0.0版本.html">Nodejs 5.0.0版本</a></li><li><a href="../../html/前沿观察/关系型数据库PostgreSQL.html">关系型数据库PostgreSQL</a></li><li><a href="../../html/前沿观察/轻型MVVM框架Vue.js.html">轻型MVVM框架Vue.js</a></li><li><a href="../../html/前沿观察/基于nodejs的开发框架koa.html">基于nodejs的开发框架koa</a></li></ul></li><li><a href="#"><span></span>前端工程化</a><ul><li><a href="../../html/前端工程化/前端模板.html">前端模板</a></li><li><a href="../../html/前端工程化/性能优化和前端工程的爱恨情仇.html">性能优化和前端工程的爱恨情仇</a></li><li><a href="../../html/前端工程化/webpack入门及实践.html">webpack入门及实践</a></li><li><a href="../../html/前端工程化/前端工程化不完全装逼指南.html">前端工程化不完全装逼指南</a></li></ul></li><li><a href="#"><span></span>性能优化</a><ul><li><a href="../../html/性能优化/jshint代码质量检测.html">jshint代码质量检测</a></li><li><a href="../../html/性能优化/jshint配置说明.html">jshint配置说明</a></li><li><a href="../../html/性能优化/NC性能优化.html">NC性能优化</a></li><li><a href="../../html/性能优化/React编码规范.html">React编码规范</a></li><li><a href="../../html/性能优化/性能优化待办事项.html">性能优化待办事项</a></li><li class="active"><a href="../../html/性能优化/性能优化点总结.html">性能优化点总结</a></li></ul></li><li><a href="#"><span></span>技术分享</a><ul><li><a href="../../html/技术分享/React技术分享.html">React技术分享</a></li><li><a href="../../html/技术分享/学习Git.html">学习Git</a></li><li><a href="../../html/技术分享/面向对象.html">面向对象</a></li><li><a href="../../html/技术分享/Node.js知识详解.html">Node.js知识详解</a></li><li><a href="../../html/技术分享/2015年大前端技术年终总结.html">2015年大前端技术年终总结</a></li></ul></li><li><a href="#"><span></span>随想笔记</a><ul><li><a href="../../html/随想笔记/项目技术栈规划.html">项目技术栈规划</a></li><li><a href="../../html/随想笔记/笔试面试大纲.html">笔试面试大纲</a></li></ul></li><li><a href="../../html/CONTACT.html">CONTACT</a></li></ul>    
        </div>
        
        
        <div class="forkgithub"><a target="_blank" href="https://github.com/sujunming">fork on github</a></div>
        

        <section class="idoc_nav_btn">
            <label for="idoc_nav"><span></span></label>
        </section>
    </div>
    
</div>




<div class="container">

    <div class="page-toc">
        <ul><li><a href="#t0前端性能优化点总结">前端性能优化点总结</a><ul><li><a href="#t11. 前言">1. 前言</a></li><li><a href="#t22. 图片">2. 图片</a><ul><li><a href="#t3优化图像">优化图像</a></li><li><a href="#t4Inline images">Inline images</a></li><li><a href="#t5image Maps">image Maps</a></li><li><a href="#t6优化css sptite，合成雪碧图">优化css sptite，合成雪碧图</a></li><li><a href="#t7不在html中缩放图片">不在html中缩放图片</a></li><li><a href="#t8使用小且可缓存defavicon.ico">使用小且可缓存defavicon.ico</a></li><li><a href="#t9todo">todo</a></li></ul></li><li><a href="#t103. javascript">3. javascript</a><ul><li><a href="#t11js脚本文件置底">js脚本文件置底</a></li><li><a href="#t12现在主流浏览器都支持defer关键字，可以指定脚本在文档加载后执行">现在主流浏览器都支持defer关键字，可以指定脚本在文档加载后执行</a></li><li><a href="#t13使用外链js和css文件">使用外链js和css文件</a></li><li><a href="#t14精简代码">精简代码</a></li><li><a href="#t15减少DOM访问和查询">减少DOM访问和查询</a></li><li><a href="#t16减少或避免引起页面repaint或reflow的代码逻辑">减少或避免引起页面repaint或reflow的代码逻辑</a></li><li><a href="#t17使用智能事件处理方式">使用智能事件处理方式</a></li><li><a href="#t18语言基础">语言基础</a></li><li><a href="#t19todo">todo</a></li></ul></li><li><a href="#t204. css">4. css</a><ul><li><a href="#t21样式表置顶">样式表置顶</a></li><li><a href="#t22避免css表达式">避免css表达式</a></li><li><a href="#t23用link代替@import">用link代替@import</a></li><li><a href="#t24减少层级">减少层级</a></li><li><a href="#t25避免filters">避免filters</a></li><li><a href="#t26避免冗余">避免冗余</a></li><li><a href="#t27css文件合理管理">css文件合理管理</a></li><li><a href="#t28todo">todo</a></li></ul></li><li><a href="#t295. cookie">5. cookie</a><ul><li><a href="#t30减少cookie大小">减少cookie大小</a></li><li><a href="#t31页面内容使用无cookie域名">页面内容使用无cookie域名</a></li></ul></li><li><a href="#t326. 服务器">6. 服务器</a><ul><li><a href="#t33使用cdn分发资源">使用cdn分发资源</a></li><li><a href="#t34添加expires或cache-control报文头">添加expires或cache-control报文头</a></li><li><a href="#t35gzip压缩-  配置etags">gzip压缩-  配置etags</a></li><li><a href="#t36flush输出">flush输出</a></li><li><a href="#t37get请求">get请求</a></li><li><a href="#t38避免空的图片src">避免空的图片src</a></li></ul></li><li><a href="#t397. 网页内容">7. 网页内容</a><ul><li><a href="#t40减少http请求次数">减少http请求次数</a></li><li><a href="#t41减少dns查询次数">减少dns查询次数</a></li><li><a href="#t42避免页面跳转">避免页面跳转</a></li><li><a href="#t43缓存ajax请求">缓存ajax请求</a></li><li><a href="#t44延迟加载">延迟加载</a></li><li><a href="#t45提前加载">提前加载</a></li><li><a href="#t46减少DOM元素数量">减少DOM元素数量</a></li><li><a href="#t47根据域名划分内容">根据域名划分内容</a></li><li><a href="#t48减少iframe数量">减少iframe数量</a></li><li><a href="#t49避免404">避免404</a></li></ul></li><li><a href="#t508. 移动端">8. 移动端</a><ul><li><a href="#t51localStorage本地存储与优化">localStorage本地存储与优化</a></li><li><a href="#t52保持单个内容小于25K">保持单个内容小于25K</a></li><li><a href="#t53打包文档">打包文档</a></li><li><a href="#t54quikling方案">quikling方案</a></li></ul></li></ul></li></ul>
    </div>
    
    <div class="content markdown-body">
        <h1 id="t0&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x70B9;&#x603B;&#x7ED3;">&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x70B9;&#x603B;&#x7ED3; <a href="#t0&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x70B9;&#x603B;&#x7ED3;"> # </a></h1>
<h2 id="t11. &#x524D;&#x8A00;">1. &#x524D;&#x8A00; <a href="#t11. &#x524D;&#x8A00;"> # </a></h2>
<ul>
<li>&#x524D;&#x7AEF;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x4E0D;&#x5B8C;&#x5168;&#x603B;&#x7ED3;&#xFF0C;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x4EFB;&#x91CD;&#x800C;&#x9053;&#x8FDC;&#x3002;&#x4F46;&#x5E94;&#x8BE5;&#x5207;&#x8BB0;&#x7684;&#x662F;&#xFF0C;&#x4E0D;&#x53EF;&#x4E3A;&#x4E86;&#x4F18;&#x5316;&#x800C;&#x4F18;&#x5316;&#xFF0C;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x548C;&#x5F00;&#x53D1;&#x6548;&#x7387;&#x3001;&#x7528;&#x6237;&#x4F53;&#x9A8C;&#x4EE5;&#x53CA;&#x5B9E;&#x73B0;&#x6210;&#x672C;&#x7B49;&#x662F;&#x76F8;&#x7ED3;&#x5408;&#x7684;&#x3002;</li>
<li>&#x6027;&#x80FD;&#x4F18;&#x5316;&#xFF0C;&#x5176;&#x5B9E;&#x73B0;&#x624B;&#x6BB5;&#x591A;&#x6837;&#xFF0C;&#x5173;&#x6CE8;&#x9886;&#x57DF;&#x590D;&#x6742;&#xFF0C;&#x4ECE;&#x524D;&#x5230;&#x540E;&#xFF0C;&#x81EA;&#x4E0A;&#x800C;&#x4E0B;&#xFF0C;&#x65B9;&#x65B9;&#x9762;&#x9762;&#x90FD;&#x662F;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x7684;&#x5730;&#x65B9;&#x3002;  </li>
</ul>
<h2 id="t22. &#x56FE;&#x7247;">2. &#x56FE;&#x7247; <a href="#t22. &#x56FE;&#x7247;"> # </a></h2>
<h3 id="t3&#x4F18;&#x5316;&#x56FE;&#x50CF;">&#x4F18;&#x5316;&#x56FE;&#x50CF; <a href="#t3&#x4F18;&#x5316;&#x56FE;&#x50CF;"> # </a></h3>
<ul>
<li>&#x68C0;&#x67E5;gif&#x56FE;&#x7247;&#x56FE;&#x50CF;&#x989C;&#x8272;&#x6570;&#x91CF;&#x548C;&#x8C03;&#x8272;&#x677F;&#x89C4;&#x683C;&#x662F;&#x5426;&#x4E00;&#x81F4;</li>
<li>&#x6709;gif&#x7684;&#x60C5;&#x51B5;&#x8003;&#x8651;&#x6362;&#x6210;png</li>
<li>&#x8272;&#x503C;&#x8F83;&#x5C11;&#x7684;&#x56FE;&#x7247;&#x5207;&#x6210;jpg</li>
</ul>
<h3 id="t4Inline images">Inline images <a href="#t4Inline images"> # </a></h3>
<ul>
<li>&#x901A;&#x8FC7;&#x7F16;&#x7801;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x5C06;&#x56FE;&#x7247;&#x76F4;&#x63A5;&#x5185;&#x5D4C;&#x5728;&#x7F51;&#x9875;&#x6587;&#x672C;&#x4E2D;</li>
<li>base64&#x7F16;&#x7801;</li>
</ul>
<h3 id="t5image Maps">image Maps <a href="#t5image Maps"> # </a></h3>
<ul>
<li>&#x5C06;&#x591A;&#x5F20;&#x56FE;&#x62FC;&#x5728;&#x4E00;&#x8D77;&#xFF0C;&#x901A;&#x8FC7;&#x5750;&#x6807;&#x6765;&#x63A7;&#x5236;&#x663E;&#x793A;&#x5BFC;&#x822A;</li>
</ul>
<h3 id="t6&#x4F18;&#x5316;css sptite&#xFF0C;&#x5408;&#x6210;&#x96EA;&#x78A7;&#x56FE;">&#x4F18;&#x5316;css sptite&#xFF0C;&#x5408;&#x6210;&#x96EA;&#x78A7;&#x56FE; <a href="#t6&#x4F18;&#x5316;css sptite&#xFF0C;&#x5408;&#x6210;&#x96EA;&#x78A7;&#x56FE;"> # </a></h3>
<ul>
<li>&#x53EF;&#x4EE5;&#x9009;&#x7528;&#x5355;&#x72EC;&#x7684;&#x5DE5;&#x5177;&#x6765;&#x751F;&#x6210;&#x96EA;&#x78A7;&#x56FE;</li>
<li>&#x4F7F;&#x7528;&#x6784;&#x5EFA;&#x5DE5;&#x5177;&#x6765;&#x5206;&#x6790;&#x4EA7;&#x51FA;&#x96EA;&#x78A7;&#x56FE;</li>
</ul>
<h3 id="t7&#x4E0D;&#x5728;html&#x4E2D;&#x7F29;&#x653E;&#x56FE;&#x7247;">&#x4E0D;&#x5728;html&#x4E2D;&#x7F29;&#x653E;&#x56FE;&#x7247; <a href="#t7&#x4E0D;&#x5728;html&#x4E2D;&#x7F29;&#x653E;&#x56FE;&#x7247;"> # </a></h3>
<h3 id="t8&#x4F7F;&#x7528;&#x5C0F;&#x4E14;&#x53EF;&#x7F13;&#x5B58;defavicon.ico">&#x4F7F;&#x7528;&#x5C0F;&#x4E14;&#x53EF;&#x7F13;&#x5B58;defavicon.ico <a href="#t8&#x4F7F;&#x7528;&#x5C0F;&#x4E14;&#x53EF;&#x7F13;&#x5B58;defavicon.ico"> # </a></h3>
<ul>
<li>&#x6D4F;&#x89C8;&#x5668;&#x603B;&#x4F1A;&#x53BB;&#x8BF7;&#x6C42;&#x8FD9;&#x4E2A;&#x56FE;&#x6807;</li>
<li>&#x786E;&#x4FDD;&#x56FE;&#x6807;&#x5B58;&#x5728;&#xFF0C;&#x5426;&#x5219;&#x62A5;&#x9519;</li>
<li>&#x6587;&#x4EF6;&#x5C3D;&#x91CF;&#x5C0F;&#xFF0C;&#x6700;&#x597D;&#x5C0F;&#x4E8E;1K</li>
<li>&#x8BBE;&#x7F6E;&#x4E00;&#x4E2A;&#x957F;&#x7684;&#x8FC7;&#x671F;&#x65F6;&#x95F4;</li>
</ul>
<h3 id="t9todo">todo <a href="#t9todo"> # </a></h3>
<ul>
<li>&#x89C4;&#x8303;  </li>
<li>&#x5DE5;&#x5177;</li>
</ul>
<h2 id="t103. javascript">3. javascript <a href="#t103. javascript"> # </a></h2>
<h3 id="t11js&#x811A;&#x672C;&#x6587;&#x4EF6;&#x7F6E;&#x5E95;">js&#x811A;&#x672C;&#x6587;&#x4EF6;&#x7F6E;&#x5E95; <a href="#t11js&#x811A;&#x672C;&#x6587;&#x4EF6;&#x7F6E;&#x5E95;"> # </a></h3>
<h3 id="t12&#x73B0;&#x5728;&#x4E3B;&#x6D41;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x652F;&#x6301;defer&#x5173;&#x952E;&#x5B57;&#xFF0C;&#x53EF;&#x4EE5;&#x6307;&#x5B9A;&#x811A;&#x672C;&#x5728;&#x6587;&#x6863;&#x52A0;&#x8F7D;&#x540E;&#x6267;&#x884C;">&#x73B0;&#x5728;&#x4E3B;&#x6D41;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x652F;&#x6301;defer&#x5173;&#x952E;&#x5B57;&#xFF0C;&#x53EF;&#x4EE5;&#x6307;&#x5B9A;&#x811A;&#x672C;&#x5728;&#x6587;&#x6863;&#x52A0;&#x8F7D;&#x540E;&#x6267;&#x884C; <a href="#t12&#x73B0;&#x5728;&#x4E3B;&#x6D41;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x652F;&#x6301;defer&#x5173;&#x952E;&#x5B57;&#xFF0C;&#x53EF;&#x4EE5;&#x6307;&#x5B9A;&#x811A;&#x672C;&#x5728;&#x6587;&#x6863;&#x52A0;&#x8F7D;&#x540E;&#x6267;&#x884C;"> # </a></h3>
<h3 id="t13&#x4F7F;&#x7528;&#x5916;&#x94FE;js&#x548C;css&#x6587;&#x4EF6;">&#x4F7F;&#x7528;&#x5916;&#x94FE;js&#x548C;css&#x6587;&#x4EF6; <a href="#t13&#x4F7F;&#x7528;&#x5916;&#x94FE;js&#x548C;css&#x6587;&#x4EF6;"> # </a></h3>
<h3 id="t14&#x7CBE;&#x7B80;&#x4EE3;&#x7801;">&#x7CBE;&#x7B80;&#x4EE3;&#x7801; <a href="#t14&#x7CBE;&#x7B80;&#x4EE3;&#x7801;"> # </a></h3>
<h3 id="t15&#x51CF;&#x5C11;DOM&#x8BBF;&#x95EE;&#x548C;&#x67E5;&#x8BE2;">&#x51CF;&#x5C11;DOM&#x8BBF;&#x95EE;&#x548C;&#x67E5;&#x8BE2; <a href="#t15&#x51CF;&#x5C11;DOM&#x8BBF;&#x95EE;&#x548C;&#x67E5;&#x8BE2;"> # </a></h3>
<ul>
<li>&#x6362;&#x6210;&#x5DF2;&#x7ECF;&#x8BBF;&#x95EE;&#x8FC7;&#x7684;&#x5143;&#x7D20;</li>
<li>&#x4F18;&#x5316;dom&#x7684;&#x9009;&#x62E9;&#x5668;</li>
<li>&#x907F;&#x514D;&#x901A;&#x8FC7;js&#x4FEE;&#x590D;layout</li>
<li>&#x4F18;&#x5316;&#x903B;&#x8F91;&#x51CF;&#x5C11;dom&#x64CD;&#x4F5C;</li>
<li>&#x53CC;&#x5411;&#x6570;&#x636E;&#x7ED1;&#x5B9A;</li>
<li>dom diff</li>
<li>dom&#x62FC;&#x63A5;<h3 id="t16&#x51CF;&#x5C11;&#x6216;&#x907F;&#x514D;&#x5F15;&#x8D77;&#x9875;&#x9762;repaint&#x6216;reflow&#x7684;&#x4EE3;&#x7801;&#x903B;&#x8F91;">&#x51CF;&#x5C11;&#x6216;&#x907F;&#x514D;&#x5F15;&#x8D77;&#x9875;&#x9762;repaint&#x6216;reflow&#x7684;&#x4EE3;&#x7801;&#x903B;&#x8F91; <a href="#t16&#x51CF;&#x5C11;&#x6216;&#x907F;&#x514D;&#x5F15;&#x8D77;&#x9875;&#x9762;repaint&#x6216;reflow&#x7684;&#x4EE3;&#x7801;&#x903B;&#x8F91;"> # </a></h3>
<h3 id="t17&#x4F7F;&#x7528;&#x667A;&#x80FD;&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x65B9;&#x5F0F;">&#x4F7F;&#x7528;&#x667A;&#x80FD;&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x65B9;&#x5F0F; <a href="#t17&#x4F7F;&#x7528;&#x667A;&#x80FD;&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x65B9;&#x5F0F;"> # </a></h3>
</li>
<li>&#x4E8B;&#x4EF6;&#x4EE3;&#x7406;<h3 id="t18&#x8BED;&#x8A00;&#x57FA;&#x7840;">&#x8BED;&#x8A00;&#x57FA;&#x7840; <a href="#t18&#x8BED;&#x8A00;&#x57FA;&#x7840;"> # </a></h3>
<h3 id="t19todo">todo <a href="#t19todo"> # </a></h3>
</li>
<li>&#x5F62;&#x6210;&#x89C4;&#x8303;&#x8FDB;&#x884C;&#x57F9;&#x8BAD;</li>
<li>&#x4EE3;&#x7801;&#x68C0;&#x67E5;&#x5DE5;&#x5177;</li>
<li>&#x6027;&#x80FD;&#x76D1;&#x6D4B;&#x5DE5;&#x5177;</li>
<li>&#x4EE3;&#x7801;&#x8D70;&#x67E5;</li>
<li>&#x5C06;&#x73B0;&#x6709;&#x95EE;&#x9898;&#x5F62;&#x6210;&#x5F00;&#x53D1;&#x4EFB;&#x52A1;</li>
</ul>
<h2 id="t204. css">4. css <a href="#t204. css"> # </a></h2>
<h3 id="t21&#x6837;&#x5F0F;&#x8868;&#x7F6E;&#x9876;">&#x6837;&#x5F0F;&#x8868;&#x7F6E;&#x9876; <a href="#t21&#x6837;&#x5F0F;&#x8868;&#x7F6E;&#x9876;"> # </a></h3>
<h3 id="t22&#x907F;&#x514D;css&#x8868;&#x8FBE;&#x5F0F;">&#x907F;&#x514D;css&#x8868;&#x8FBE;&#x5F0F; <a href="#t22&#x907F;&#x514D;css&#x8868;&#x8FBE;&#x5F0F;"> # </a></h3>
<h3 id="t23&#x7528;link&#x4EE3;&#x66FF;@import">&#x7528;link&#x4EE3;&#x66FF;@import <a href="#t23&#x7528;link&#x4EE3;&#x66FF;@import"> # </a></h3>
<h3 id="t24&#x51CF;&#x5C11;&#x5C42;&#x7EA7;">&#x51CF;&#x5C11;&#x5C42;&#x7EA7; <a href="#t24&#x51CF;&#x5C11;&#x5C42;&#x7EA7;"> # </a></h3>
<h3 id="t25&#x907F;&#x514D;filters">&#x907F;&#x514D;filters <a href="#t25&#x907F;&#x514D;filters"> # </a></h3>
<h3 id="t26&#x907F;&#x514D;&#x5197;&#x4F59;">&#x907F;&#x514D;&#x5197;&#x4F59; <a href="#t26&#x907F;&#x514D;&#x5197;&#x4F59;"> # </a></h3>
<h3 id="t27css&#x6587;&#x4EF6;&#x5408;&#x7406;&#x7BA1;&#x7406;">css&#x6587;&#x4EF6;&#x5408;&#x7406;&#x7BA1;&#x7406; <a href="#t27css&#x6587;&#x4EF6;&#x5408;&#x7406;&#x7BA1;&#x7406;"> # </a></h3>
<h3 id="t28todo">todo <a href="#t28todo"> # </a></h3>
<ul>
<li>&#x4EE3;&#x7801;&#x89C4;&#x5219;&#x68C0;&#x67E5;&#x5DE5;&#x5177;</li>
<li>&#x4EE3;&#x7801;&#x89C4;&#x8303;&#x57F9;&#x8BAD;</li>
</ul>
<h2 id="t295. cookie">5. cookie <a href="#t295. cookie"> # </a></h2>
<h3 id="t30&#x51CF;&#x5C11;cookie&#x5927;&#x5C0F;">&#x51CF;&#x5C11;cookie&#x5927;&#x5C0F; <a href="#t30&#x51CF;&#x5C11;cookie&#x5927;&#x5C0F;"> # </a></h3>
<ul>
<li>cookie&#x7528;&#x6765;&#x505A;&#x8BA4;&#x8BC1;&#x548C;&#x4E2A;&#x6027;&#x5316;&#x8BBE;&#x7F6E;&#xFF0C;&#x5728;&#x8BF7;&#x6C42;&#x4E2D;&#x5305;&#x542B;&#x5728;http&#x62A5;&#x6587;&#x5934;</li>
<li>&#x5982;&#x679C;&#x7F51;&#x9875;&#x4E0D;&#x9700;&#x8981;&#x7528;cookie&#xFF0C;&#x5C31;&#x5B8C;&#x5168;&#x7981;&#x6389;</li>
<li>&#x53BB;&#x9664;&#x6CA1;&#x5FC5;&#x8981;&#x7684;cookie</li>
<li>cookie&#x7684;domain&#x4E0D;&#x53EF;&#x5F71;&#x54CD;&#x5230;&#x5B50;domain</li>
<li>&#x8BBE;&#x7F6E;&#x5408;&#x9002;&#x7684;&#x8FC7;&#x671F;&#x65F6;&#x95F4;<h3 id="t31&#x9875;&#x9762;&#x5185;&#x5BB9;&#x4F7F;&#x7528;&#x65E0;cookie&#x57DF;&#x540D;">&#x9875;&#x9762;&#x5185;&#x5BB9;&#x4F7F;&#x7528;&#x65E0;cookie&#x57DF;&#x540D; <a href="#t31&#x9875;&#x9762;&#x5185;&#x5BB9;&#x4F7F;&#x7528;&#x65E0;cookie&#x57DF;&#x540D;"> # </a></h3>
</li>
</ul>
<h2 id="t326. &#x670D;&#x52A1;&#x5668;">6. &#x670D;&#x52A1;&#x5668; <a href="#t326. &#x670D;&#x52A1;&#x5668;"> # </a></h2>
<h3 id="t33&#x4F7F;&#x7528;cdn&#x5206;&#x53D1;&#x8D44;&#x6E90;">&#x4F7F;&#x7528;cdn&#x5206;&#x53D1;&#x8D44;&#x6E90; <a href="#t33&#x4F7F;&#x7528;cdn&#x5206;&#x53D1;&#x8D44;&#x6E90;"> # </a></h3>
<ul>
<li>CDN&#x901A;&#x8FC7;&#x90E8;&#x7F72;&#x5728;&#x4E0D;&#x540C;&#x5730;&#x533A;&#x7684;&#x670D;&#x52A1;&#x5668;&#x6765;&#x63D0;&#x9AD8;&#x5BA2;&#x6237;&#x7684;&#x4E0B;&#x8F7D;&#x901F;&#x5EA6;</li>
<li>&#x53EF;&#x5C06;&#x7AD9;&#x70B9;&#x5927;&#x91CF;&#x7684;&#x9759;&#x6001;&#x5185;&#x5BB9;&#x653E;&#x4E0A;cdn<h3 id="t34&#x6DFB;&#x52A0;expires&#x6216;cache-control&#x62A5;&#x6587;&#x5934;">&#x6DFB;&#x52A0;expires&#x6216;cache-control&#x62A5;&#x6587;&#x5934; <a href="#t34&#x6DFB;&#x52A0;expires&#x6216;cache-control&#x62A5;&#x6587;&#x5934;"> # </a></h3>
<ul>
<li>&#x9759;&#x6001;&#x5185;&#x5BB9;&#x6DFB;&#x52A0;expires&#xFF0C;&#x5C06;&#x9759;&#x6001;&#x5185;&#x5BB9;&#x8BBE;&#x7F6E;&#x4E3A;&#x6C38;&#x4E0D;&#x8FC7;&#x671F;</li>
</ul>
</li>
<li>&#x52A8;&#x6001;&#x5185;&#x5BB9;&#x9002;&#x5408;cache-control&#xFF0C;&#x8BA9;&#x6D4F;&#x89C8;&#x5668;&#x6839;&#x636E;&#x6761;&#x4EF6;&#x6765;&#x53D1;&#x9001;&#x8BF7;&#x6C42;<h3 id="t35gzip&#x538B;&#x7F29;-  &#x914D;&#x7F6E;etags">gzip&#x538B;&#x7F29;-  &#x914D;&#x7F6E;etags <a href="#t35gzip&#x538B;&#x7F29;-  &#x914D;&#x7F6E;etags"> # </a></h3>
<h3 id="t36flush&#x8F93;&#x51FA;">flush&#x8F93;&#x51FA; <a href="#t36flush&#x8F93;&#x51FA;"> # </a></h3>
<h3 id="t37get&#x8BF7;&#x6C42;">get&#x8BF7;&#x6C42; <a href="#t37get&#x8BF7;&#x6C42;"> # </a></h3>
<h3 id="t38&#x907F;&#x514D;&#x7A7A;&#x7684;&#x56FE;&#x7247;src">&#x907F;&#x514D;&#x7A7A;&#x7684;&#x56FE;&#x7247;src <a href="#t38&#x907F;&#x514D;&#x7A7A;&#x7684;&#x56FE;&#x7247;src"> # </a></h3>
</li>
<li>&#x7A7A;&#x7684;&#x56FE;&#x7247;src&#x4ECD;&#x7136;&#x4F1A;&#x4F7F;&#x6D4F;&#x89C8;&#x5668;&#x53D1;&#x9001;&#x8BF7;&#x6C42;&#x5230;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x8FD9;&#x6837;&#x5B8C;&#x5168;&#x662F;&#x6D6A;&#x8D39;&#x65F6;&#x95F4;&#xFF0C;&#x800C;&#x4E14;&#x6D6A;&#x8D39;&#x670D;&#x52A1;&#x5668;&#x7684;&#x8D44;&#x6E90;</li>
</ul>
<h2 id="t397. &#x7F51;&#x9875;&#x5185;&#x5BB9;">7. &#x7F51;&#x9875;&#x5185;&#x5BB9; <a href="#t397. &#x7F51;&#x9875;&#x5185;&#x5BB9;"> # </a></h2>
<h3 id="t40&#x51CF;&#x5C11;http&#x8BF7;&#x6C42;&#x6B21;&#x6570;">&#x51CF;&#x5C11;http&#x8BF7;&#x6C42;&#x6B21;&#x6570; <a href="#t40&#x51CF;&#x5C11;http&#x8BF7;&#x6C42;&#x6B21;&#x6570;"> # </a></h3>
<ul>
<li>combo&#x5408;&#x5E76;&#x591A;&#x4E2A;&#x6587;&#x4EF6;&#x8BF7;&#x6C42;&#x4E3A;&#x4E00;&#x4E2A;</li>
<li>&#x6253;&#x5305;&#x5408;&#x5E76;&#x6587;&#x4EF6;&#xFF0C;&#x6253;&#x5305;&#x7B56;&#x7565;&#x5F88;&#x91CD;&#x8981;<h3 id="t41&#x51CF;&#x5C11;dns&#x67E5;&#x8BE2;&#x6B21;&#x6570;">&#x51CF;&#x5C11;dns&#x67E5;&#x8BE2;&#x6B21;&#x6570; <a href="#t41&#x51CF;&#x5C11;dns&#x67E5;&#x8BE2;&#x6B21;&#x6570;"> # </a></h3>
</li>
<li>&#x613F;&#x610F;&#x5728;&#x4E8E;&#x7F51;&#x9875;&#x4E2D;&#x5305;&#x542B;&#x4E0D;&#x540C;domain&#x7684;&#x5185;&#x5BB9;&#x65F6;&#xFF0C;&#x5982;&#x5D4C;&#x5165;&#x5E7F;&#x544A;&#x6216;&#x5F15;&#x7528;&#x4E86;&#x5916;&#x90E8;&#x56FE;&#x7247;&#x6216;&#x811A;&#x672C;&#x5BFC;&#x81F4;</li>
<li>dns&#x67E5;&#x8BE2;&#x7ED3;&#x679C;&#x53EF;&#x7F13;&#x5B58;&#x5728;&#x672C;&#x5730;&#x548C;&#x6D4F;&#x89C8;&#x5668;&#x4E00;&#x6BB5;&#x65F6;&#x95F4;&#xFF0C;&#x6240;&#x4EE5;&#x4E00;&#x822C;&#x5728;&#x9996;&#x6B21;&#x8BBF;&#x95EE;&#x65F6;&#x6D88;&#x8017;&#x6D41;&#x91CF;<h3 id="t42&#x907F;&#x514D;&#x9875;&#x9762;&#x8DF3;&#x8F6C;">&#x907F;&#x514D;&#x9875;&#x9762;&#x8DF3;&#x8F6C; <a href="#t42&#x907F;&#x514D;&#x9875;&#x9762;&#x8DF3;&#x8F6C;"> # </a></h3>
<h3 id="t43&#x7F13;&#x5B58;ajax&#x8BF7;&#x6C42;">&#x7F13;&#x5B58;ajax&#x8BF7;&#x6C42; <a href="#t43&#x7F13;&#x5B58;ajax&#x8BF7;&#x6C42;"> # </a></h3>
<h3 id="t44&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;">&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D; <a href="#t44&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;"> # </a></h3>
</li>
<li>&#x786E;&#x5B9A;&#x9875;&#x9762;&#x521D;&#x59CB;&#x52A0;&#x8F7D;&#x9700;&#x8981;&#x7684;&#x6700;&#x5C0F;&#x5185;&#x5BB9;&#x96C6;&#xFF0C;&#x5269;&#x4E0B;&#x5185;&#x5BB9;&#x63A8;&#x5230;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#x7684;&#x96C6;&#x5408;&#x4E2D;<h3 id="t45&#x63D0;&#x524D;&#x52A0;&#x8F7D;">&#x63D0;&#x524D;&#x52A0;&#x8F7D; <a href="#t45&#x63D0;&#x524D;&#x52A0;&#x8F7D;"> # </a></h3>
</li>
<li>&#x6709;&#x6761;&#x4EF6;&#x63D0;&#x524D;&#x52A0;&#x8F7D;<ul>
<li>&#x7528;&#x6237;&#x7684;&#x8F93;&#x5165;&#x63A8;&#x65AD;&#x9700;&#x8981;&#x52A0;&#x8F7D;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x5982;&#x667A;&#x80FD;&#x641C;&#x7D22;&#x6846;</li>
</ul>
</li>
<li>&#x65E0;&#x6761;&#x4EF6;&#x63D0;&#x524D;&#x52A0;&#x8F7D;<ul>
<li>&#x5F53;&#x524D;&#x7F51;&#x9875;&#x52A0;&#x8F7D;&#x5B8C;&#x6210;&#x540E;&#xFF0C;&#x9A6C;&#x4E0A;&#x53BB;&#x4E0B;&#x8F7D;&#x4E00;&#x4E9B;&#x5176;&#x4ED6;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x8FD9;&#x4E9B;&#x5185;&#x5BB9;&#x662F;&#x5FC5;&#x987B;&#x4F1A;&#x7528;&#x5230;&#x7684;&#x6216;&#x662F;&#x516C;&#x5171;&#x4F9D;&#x8D56;&#x7684;<h3 id="t46&#x51CF;&#x5C11;DOM&#x5143;&#x7D20;&#x6570;&#x91CF;">&#x51CF;&#x5C11;DOM&#x5143;&#x7D20;&#x6570;&#x91CF; <a href="#t46&#x51CF;&#x5C11;DOM&#x5143;&#x7D20;&#x6570;&#x91CF;"> # </a></h3>
<h3 id="t47&#x6839;&#x636E;&#x57DF;&#x540D;&#x5212;&#x5206;&#x5185;&#x5BB9;">&#x6839;&#x636E;&#x57DF;&#x540D;&#x5212;&#x5206;&#x5185;&#x5BB9; <a href="#t47&#x6839;&#x636E;&#x57DF;&#x540D;&#x5212;&#x5206;&#x5185;&#x5BB9;"> # </a></h3>
<h3 id="t48&#x51CF;&#x5C11;iframe&#x6570;&#x91CF;">&#x51CF;&#x5C11;iframe&#x6570;&#x91CF; <a href="#t48&#x51CF;&#x5C11;iframe&#x6570;&#x91CF;"> # </a></h3>
</li>
</ul>
</li>
<li>&#x4F18;&#x70B9;<ul>
<li>&#x7528;&#x6765;&#x52A0;&#x8F7D;&#x901F;&#x5EA6;&#x8F83;&#x6162;&#x7684;&#x5E7F;&#x544A;</li>
<li>&#x5B89;&#x5168;&#x6C99;&#x7BB1;&#x4FDD;&#x62A4;</li>
<li>&#x811A;&#x672C;&#x53EF;&#x4EE5;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;</li>
</ul>
</li>
<li>&#x7F3A;&#x70B9;<ul>
<li>&#x5373;&#x4F7F;iframe&#x5185;&#x5BB9;&#x4E3A;&#x7A7A;&#x4E5F;&#x6D88;&#x8017;&#x52A0;&#x8F7D;&#x65F6;&#x95F4;</li>
<li>&#x4F1A;&#x963B;&#x6B62;&#x9875;&#x9762;&#x7684;&#x52A0;&#x8F7D;<h3 id="t49&#x907F;&#x514D;404">&#x907F;&#x514D;404 <a href="#t49&#x907F;&#x514D;404"> # </a></h3>
</li>
</ul>
</li>
</ul>
<h2 id="t508. &#x79FB;&#x52A8;&#x7AEF;">8. &#x79FB;&#x52A8;&#x7AEF; <a href="#t508. &#x79FB;&#x52A8;&#x7AEF;"> # </a></h2>
<h3 id="t51localStorage&#x672C;&#x5730;&#x5B58;&#x50A8;&#x4E0E;&#x4F18;&#x5316;">localStorage&#x672C;&#x5730;&#x5B58;&#x50A8;&#x4E0E;&#x4F18;&#x5316; <a href="#t51localStorage&#x672C;&#x5730;&#x5B58;&#x50A8;&#x4E0E;&#x4F18;&#x5316;"> # </a></h3>
<ul>
<li>&#x5927;&#x6570;&#x636E;&#x91CF;&#x4EA4;&#x4E92;&#xFF0C;&#x6570;&#x636E;&#x4E0D;&#x600E;&#x4E48;&#x66F4;&#x65B0;&#x7684;&#xFF0C;&#x542B;&#x7248;&#x672C;&#x63A7;&#x5236;&#x673A;&#x5236;&#xFF0C;&#x4E00;&#x6B21;&#x8BF7;&#x6C42;&#xFF0C;&#x4E4B;&#x540E;&#x9AD8;&#x6795;&#x65E0;&#x5FE7;</li>
<li>&#x5145;&#x5206;&#x5229;&#x7528;&#x5176;&#x8D44;&#x6E90;<h3 id="t52&#x4FDD;&#x6301;&#x5355;&#x4E2A;&#x5185;&#x5BB9;&#x5C0F;&#x4E8E;25K">&#x4FDD;&#x6301;&#x5355;&#x4E2A;&#x5185;&#x5BB9;&#x5C0F;&#x4E8E;25K <a href="#t52&#x4FDD;&#x6301;&#x5355;&#x4E2A;&#x5185;&#x5BB9;&#x5C0F;&#x4E8E;25K"> # </a></h3>
</li>
<li>&#x8FD9;&#x662F;&#x56E0;&#x4E3A;iphone&#x7684;&#x9650;&#x5236;&#xFF0C;&#x5B83;&#x53EA;&#x80FD;&#x7F13;&#x5B58;&#x89E3;&#x538B;&#x540E;&#x5C0F;&#x4E8E;25K&#x7684;&#x8D44;&#x6E90;</li>
<li>&#x6240;&#x4EE5;&#x5355;&#x7EAF;gzip&#x4E0D;&#x4E00;&#x5B9A;&#x591F;&#x7528;&#xFF0C;&#x7CBE;&#x7B80;&#x6587;&#x4EF6;&#x5DE5;&#x5177;<h3 id="t53&#x6253;&#x5305;&#x6587;&#x6863;">&#x6253;&#x5305;&#x6587;&#x6863; <a href="#t53&#x6253;&#x5305;&#x6587;&#x6863;"> # </a></h3>
<h3 id="t54quikling&#x65B9;&#x6848;">quikling&#x65B9;&#x6848; <a href="#t54quikling&#x65B9;&#x6848;"> # </a></h3>
</li>
</ul>

        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
    </div>

</div>


</body>
</html>
